<template>
    <el-dialog title="修改保管期限" :visible.sync="openBgqx" width="25%" append-to-body :before-close="closeDelDialog">
        <el-select filterable v-model="bgqxVal" placeholder="请选择" style="width:100%" >
            <el-option v-for="item in dict.type.BGQX" :key="item.value" :label="item.label" :value="item.value"></el-option>
        </el-select>


        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="submitForm">确 定</el-button>
            <el-button @click="closeDelDialog">取 消</el-button>
        </div>
    </el-dialog>
</template>
  
<script>

export default {
    name: "deitBgqx",
    props: ['openBgqx'],
    archive_Dicts: ['BGQX'],
    data() {
        return {
            bgqxVal:""
        }
    },
    methods: {
        closeDelDialog(){
            this.$emit("bgqxCloseDelDialog")
        },
        submitForm(){
            this.$emit("bgqxSubmit",this.bgqxVal)
        },
    }
}
</script>
  
<style lang="scss" scoped>

::v-deep .el-dialog {
    padding: 0px 30px 20px 0px !important;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
}

::v-deep .el-dialog .el-dialog__body {
    flex: 1;
    overflow: auto;
}

::v-deep .el-form-item__content {
    line-height: 26px;
}
</style>
  